.tab-active {
    font-weight: bolder !important;
    font-size: 36rpx !important;
}
.tab{
    min-height: 100vh !important;
}
.listItem {
    background: #00c17b;
    box-sizing: border-box;
    margin: 0 20rpx 20rpx 20rpx;
    border-radius: 20rpx;
    box-shadow: 15rpx 15rpx 30rpx rgba(0, 0, 0, 0.3);
    overflow: hidden;

    .title {
        height: 50rpx;
        line-height: 50rpx;
        display: flex;
        justify-content: space-between;

        .orderDelBtn {
            width: 50rpx;
            background-color: brown;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
}

.shake {
    animation: orderSake 0.1s infinite ease-in-out alternate;
}

.noOrders {
    width: 100%;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 130%;
    font-weight: lighter;
}

@keyframes orderSake {
    0% {
        transform: rotate(1deg);
    }
    
    100% {
        transform: rotate(-1deg);
    }

}